html,body{height: 100%;}
body{font-family: "微软雅黑";}
*{margin:0px;padding:0px;box-sizing: border-box;-webkit-box-sizing: border-box;}


.jxtpro{width:100%;height: 100%; background: rgba(0,0,0,0.2);z-index: 9999;position: fixed;top: 0px; left: 0px;}

/*图片管理对话框*/
.jxtpro_dialog{background: #FFFFFF;width: 680px;height: 440px; margin: 0 auto;}

.photo_top{height: 60px;}
.photo_top_title{float: left;margin-top:15px; margin-left: 20px;}
.photo_top_opt{float: right;margin-top:15px;margin-right: 20px; }

/*顶部 操作   删除，上传,退出*/
.photo_top_opt .opt_del{border-radius: 3px;float:left;text-align:center;padding-top:5px;color:#ACACAC;background: #fff; width: 80px;height: 30px; margin-top: -7px;}
.photo_top_opt .opt_upload{border-radius: 3px;margin-left:20px;margin-top:-7px;text-align:center;padding-top:5px;color:#fff;float:left;background: #44B549;width: 100px;height: 30px;}
.photo_top_opt >img{width: 20px;height: 20px;margin-left: 15px;margin-top: -5px;}
.photo_top_opt >img:hover{cursor: pointer;}
.photo_top_opt .opt_del:hover{cursor: pointer;}
.photo_top_opt .opt_upload:hover{cursor: pointer;}
.photo_top_opt .opt_cancel{}


/*顶部*/
.jxtpro_dialog_top{background: #F4F5F9;width: 100%;height: 50px; border-bottom: 1px #E9E9ED solid;}
/*中部*/
.jxtpro_dialog_center{height: 390px;width: 100%;}
/*中部 左右结构*/
.photo_center_left{float: left; height: 100%;width: 150px;border-right: 1px #E9E9ED solid; border-top: 1px #E9E9ED solid;border-bottom:1px #E9E9ED solid;text-align: center;}

/*新建分类*/
.photo_center_left .group{width: 100%;height: 100%;}
.photo_center_left .group .add_group{width:100%;height: 40px;}
.photo_center_left .group .add_group .add_group_title{margin-left:20px;text-align: left;padding-top: 5px;}
.photo_center_left .group .add_group .add_group_title > span{font-size: 20px;color: #B0B0B0;}
.photo_center_left .group .add_group:hover{background: #F4F5F9;cursor: pointer;}

.group_all{width: 100%;height: 40px;padding-top: 10px; text-align: left; padding-left: 25px;}
.group_all:hover{background: #F4F5F9;cursor: pointer;}

.group_item{width: 100%;height: 40px;padding-top: 10px; text-align: left; padding-left: 25px;}
.group_item:hover{background: #F4F5F9;cursor: pointer;}




.photo_center_right{float:left;}
.photo_content{width: 530px;height: 350px;}
/*无图片状态*/
.no_photo{padding: 150px;}
/*有图片状态*/
.img_item{margin: 20px 10px 0px 20px; float: left;}
.img_item:hover{cursor: pointer;}
.img_item > img{width: 100px; height: 120px;clear:both;}
.img_item .img_name{clear:both;border-bottom: 1px #E9E9ED solid; border-left: 1px #E9E9ED solid; border-right: 1px #E9E9ED solid; width: 100px;height: 20px;text-align: center;}

/*选中状态*/
.selected{background: #44B549;}

.disable{}
/*分页*/
.page{clear: both; margin-top: -10px;float: right; margin-right: 20px;}
.page .page_number{float: left;padding-right: 10px;padding-top: 4px;}
.page > a{width:30px;height: 30px;float: left;margin-right: 10px; border: 1px #E9E9ED solid;border-radius: 3px;}
.page > a >img{width: 10px;height: 12px;margin-left: 9px;margin-top: 3px; }
.page > a:hover{background: #E9E9ED;}
.page input{float: left; width: 60px; border-radius: 3px; border: 1px #E9E9ED solid;height: 30px;}
.page .goto_page{text-align:center;padding-top:5px;float: left;margin-left: 10px; background: #FFFFFF; border: 1px #E9E9ED solid; width: 50px;height: 30px; border-radius: 3px;}
.page .goto_page:hover{background: #E9E9ED;cursor: pointer;}

/*底部*/
.jxtpro_dialog_bottom{background: #F4F5F9;width: 100%;height: 70px; clear: both;}

.photo_bottom{height: 100px;border-top: 1px #E9E9ED solid;}
.photo_bottom_info{float: left;margin-top:25px; margin-left: 20px;width:120px}
.photo_bottom_ensure{float: left;margin-top:25px;margin-right: 20px;margin-left: 80px;}

/*底部操作 确定 取消*/
.photo_bottom_ensure .ensure{float:left;background:#44B549 ;width: 120px;height: 30px;text-align: center;padding-top: 5px;color:#fff;border-radius: 3px;margin-top: -6px;}
.photo_bottom_ensure .cancel{float:left;margin-left: 20px;background: #fff;width: 80px;height: 30px;text-align: center;padding-top:5px ;border-radius: 3px;margin-top: -6px;}
.photo_bottom_ensure .ensure:hover{cursor: pointer;}
.photo_bottom_ensure .cancel:hover{cursor: pointer;}